<load href="../Public/css/account.css" />
<load href="../Public/js/plugin/jquery-validation-1.9.0/jquery.validate.min.js" />
<load href="../Public/js/plugin/jquery-validation-1.9.0/localization/messages_cn.js" />
<!--<load href="../Public/js/plugin/jquery-validation-1.9.0/lib/jquery.metadata.js" />-->
<load href="../Public/js/module/User/register.js" />

<notempty name="error">
    <script>
        alert('{$error}');
    </script>
</notempty>
<div id="main-content">

    <div class="page-content accounts-page">
        <div class="full-thin-caption">
            <div class="thin-caption-left"></div>
            <div class="thin-caption-full-content"></div>
            <div class="thin-caption-right"></div>
        </div>
        <div class="full-content login-page">
            <h1>用户注册</h1>
            <form action="__APP__/User/register.shtml" method="post" class="accounts-left form-box login-popup-mini fleft" style="width:380px" id="register-form">
                <div style="display:none"></div>
                <div class="input-box">
                    <label for="id_email">邮箱</label><input type="text" maxlength="75" name="email" id="id_email"><span class="error"></span>
                </div>
                <div class="input-box">
                    <label for="id_nick_name">昵称</label><input type="text" maxlength="30" name="nick_name" id="id_nick_name"><span class="error"></span>
                </div>
                <div class="input-box input-pwd">
                    <label for="id_password1">密码</label><input type="password" id="id_password1" name="password"><span class="error"></span><span id="password-message" style="font-size:12px;" class="grey2"></span></div>
                <div class="input-box input-pwd">
                    <label for="id_password2">重复密码</label><input type="password" id="id_password2" name="password2"><span class="error"></span>
                </div>
                <div class="input-box">
                    <label for="id_check_code">验证码</label><input type="text" maxlength="4" name="check_code" id="id_check_code"><span class="error"></span>
                </div>
                <div class="input-box"><label>&nbsp;</label><img onclick="this.setAttribute('src','__APP__/Index/verify.shtml?nocache='+Math.random());" alt="CheckCode" style="cursor: pointer;" src="__APP__/Index/verify.shtml" id="check_code">
                    <label>&nbsp;</label><span>看不清？<a onclick="$('#check_code').attr('src','__APP__/Index/verify.shtml?nocache='+Math.random());return false;" href="#">换一个</a></span>
                </div>
                <div class="input-box">
                    <span class="agreement">
                        <input type="checkbox" id="id_agreement" name="agreement">
                        <label for="agreement" class="agreement-label">我已经认真阅读并同意白泡泡的《<a target="_blank" href="/agreement/">使用协议</a>》。</label>
                    </span>
                    <span class="error"></span>
                </div>
                <div class="input-box">
                    <a class="rectangle-button rectangle-small-button  rectangle-small-button-disable fleft" href="javascript:;" id="btn_submit">注册</a>
                </div>
            </form>
            <div style="padding-left:100px;" class="fleft accounts-right">
                <p style="font-size:14px;">若已经拥有白泡泡账户，请直接登录！</p>
                <a onclick="transToLogin(this)" class="rectangle-blue-button rectangle-button" href="__APP__/User/login.shtml">登录白泡泡</a>
                <div id="register-social-login">
                    或者使用合作网站直接登录白泡泡
                    <div class="icons-v social-icons big-social-icons">
                        <ul class="clearfix">
                            <li>
                                <a onclick="socialLogin('sina')" href="javascript:;">
                                    <img title="新浪微博" alt="新浪微博" src="../Public/images/sync_sina_thin.png">
                                </a>
                            </li>
                            <li>
                                <a onclick="socialLogin('qq')" href="javascript:;">
                                    <img title="腾讯微博" alt="腾讯微博" src="../Public/images/sync_qq_thin.png">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div id="scroll-shadow" class="clearfix">
            <div id="scroll-shadow-left"></div>
            <div id="scroll-shadow-right"></div>
        </div>
    </div>
</div>